現在的網站，除了文字外還會有圖片與影片，透過img標籤與video來插入圖片或影片
先介紹img標籤內的常用屬性有什麼功能

src="圖片的路徑"或src="網路圖片的位置"就可以將圖片顯示到自己的網頁上， img裡的title代表滑鼠移到圖片上時顯示的文字

 <img src="NENE3.png"  alt="寧寧" title="nene">
 <img src="https://i1.sndcdn.com/artworks-bJcJzmc46uNOC6wZ-2dPacQ-t1080x1080.jpg" alt="羊爸開車">

alt="內容"
在圖片無法顯示的時候就會顯示alt的內容，來說明這個圖片本來應該是顯示什麼

可以在標籤內設定圖片的大小，width表示圖片的寬度，height則是圖片的高度
如果只設定width或只設定height另一邊會同步放大或縮小

<img src="NENE3.png"  alt="寧寧" title="nene" width="500px">

當兩邊設定差距過大時，就會導致變形

<img src="NENE3.png"  alt="寧寧" title="nene" width="500px" height="100px">

"<link rel ="icon" href="圖片.ico>"
這串能將網頁的圖標改成href指向的圖片

video標籤可以在網頁中插入影片，透過<video src="位址" 控制向>可以將影片載到網頁中，在後面添入的控制項能影響影片的撥放，下面是控制選項。
autoplay:自動撥放
loop:循環撥放
muted:影片靜音
control:影片控制按鈕